import { createGlobalStyle } from 'styled-components';

export const GlobalStyle = createGlobalStyle`
  body {
    background-color: ${(props) => props.theme.colors.body};
    color: ${(props) => props.theme.textColor};
    transition: 0.5s all;
  }
  *{
    margin: 0;
    padding: 0;
  }
  #root{
    width: 100vw;
    height: 100vh;
    background-color: ${(props) => props.theme.colors.body};
    transition: 0.5s all;
  }
  .ant-tabs-tabpane,.ant-tabs-content{
    height: 100%;
  }
`;

export default GlobalStyle;